/**
 * Sky theme for reveal.js.
 *
 * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
 */

@use 'sass:color';
@use 'helper/helper';
@use 'highlight/light';

$link-color: #3b759e;

@include helper.theme(
  'sky',
  (
    viewport-color: helper.circle-gradient(#add9e4, #f7fbfc),
    main-font: (
      'Open Sans',
      sans-serif,
    ),
    main-color: #333,
    heading-font: (
      'Quicksand',
      sans-serif,
    ),
    heading-color: #333,
    heading-letter-spacing: -0.08em,
    heading-text-shadow: none,
    background-color: #f7fbfc,
    link-color: $link-color,
    link-color-hover: color.scale($link-color, $lightness: 20%),
    selection-background-color: #134674,
    overlay-element-bg-color: (
      240,
      240,
      240,
    ),
    overlay-element-fg-color: (
      0,
      0,
      0,
    ),
  )
) {
  @include light.highlight;
  @include helper.darkmode-text-color(#fff);

  a {
    line-height: 1.3em;
  }
}
